		//界面动效
		function Roll(){
			//红的,绿的，蓝的
			var redRoll = document.getElementById('redRoll');
			var deg = parseInt((document.getElementById('redRoll').style.transform).replace(/[^0-9\-,]/g, '')); 
			var greenRoll = document.getElementById('greenRoll');
			var deg2 = parseInt((document.getElementById('greenRoll').style.transform).replace(/[^0-9\-,]/g, '')); 
			var blueRoll = document.getElementById('blueRoll');
			var deg3 = parseInt((document.getElementById('blueRoll').style.transform).replace(/[^0-9\-,]/g, '')); 
			
			var speed = 20;
			var t = setInterval(myselRoll,speed);
			
			//黄的
			var flag = true;
			var yellowMove = document.getElementById('yellowMove');
			var bottom = parseInt(yellowMove.style.bottom);
			var deg4 = parseInt((document.getElementById('yellowMove').style.transform).replace(/[^0-9\-,]/g, '')); 
			var ty = setInterval(up,speed);
			
			function myselRoll(){
				deg++;
				deg2++;
				deg3++;
				if ( deg == 360 ) {
					deg = 0;
				}
				if ( deg2 == 360 ) {
					deg2 = 0;
				}
				if ( deg3 == 360 ) {
					deg3 = 0;
				}
				redRoll.style.transform = "rotate("+deg+"deg)";
				greenRoll.style.transform = "rotate("+deg2+"deg)";
				blueRoll.style.transform = "rotate("+deg3+"deg)";
			}
			function up(){
				if ( flag ) {
					deg4++;
					if ( deg4 == 360 ) {
						deg4 = 0;
					}
					bottom += 1;
					yellowMove.style.bottom = bottom+"px";
					yellowMove.style.transform = "rotate("+deg3+"deg)";
					if ( bottom >= 500 ) {
						clearInterval(ty);
						ty = setInterval(down,speed);
					}
				}
			}
			function down(){
				if ( flag ) {
					deg4++;
					if ( deg4 == 360 ) {
						deg4 = 0;
					}
					bottom -= 1;
					yellowMove.style.bottom = bottom+"px";
					yellowMove.style.transform = "rotate("+deg3+"deg)";
					if ( bottom <= 50 ) {
						clearInterval(ty);
						ty = setInterval(up,speed);
					}
				}
			}
		}
		
		$("#userText").blur(function($event){
			var string = $("#userText").val();
			if (string == null || string.length == 0 ) {
				$(this).siblings("label").stop().animate({
					"bottom":"5px"
				},500);
			}
		});
		$("#pwdText").blur(function($event){
			var string = $("#pwdText").val();
			if (string == null || string.length == 0 ) {
				$(this).siblings("label").stop().animate({
					"bottom":"5px"
				},500);
			}
		});
		
		$(document).ready(function (){ 		
			$('#Register').addClass("hidden");
			$("#Title").addClass("animated bounceInRight show").removeClass("fade");
			$("#ChangeTitle").addClass("animated bounceInDown show").removeClass("fade");
			$("#Signin").addClass("animated bounceInUp show").removeClass("fade");
			Roll();
		});
		
		$('input').focus(function($event){
			$(this).siblings("label").stop().animate({
				"bottom":"40px"
			},500);
		});
		
		$('#ChangeSign').click(function(){
			$('#ChangeSign').css({
				"color":"royalblue"
			});
			$('#ChangeRegi').css({
				"color":"darkgray"
			});
			document.getElementById('errorMsg').innerText = '';
			$('#Register').fadeOut("slow");
			$('#Signin').fadeIn("slow");
		});
		
		$('#ChangeRegi').click(function(){
			$('#ChangeSign').css({
				"color":"darkgray"
			});
			$('#ChangeRegi').css({
				"color":"royalblue"
			});
			document.getElementById('errorMsg').innerText = '';
			$('#Signin').fadeOut("slow");
			$('#Register').fadeIn("slow");
		});
		
		$('#forget').click(function(){
			$('#lianxi').fadeIn("slow");
			$('#cover').fadeIn("slow");
		});
		
		$('.guanbi').click(function(){
			$('#lianxi').fadeOut("slow");
			$('#cover').fadeOut("slow");
		})


		